<br/>

	<div class="row">
		<div class="col-md-4">
			<div class="widget box">
				<div class="widget-header">
					<h4><i class="icon-reorder"></i> Laporan SOA Receipt</h4>
				</div>
				<div class="widget-content">
				<!-- <div class="control-group">
					<label class="control-label">
					Jenis Asuransi
					<span class="required">*</span>
					</label>
					<div class="controls">
						<div class="input-group">
							<select class="form-control input-width-small" id="cb_jnsAsuransi">
								<option value="0">All</option>
								<option value="1">Health</option>
								<option value="2">Non Health</option>
							</select>
						</div>
					</div>
				</div> -->
				<div class="control-group">
					<label class="control-label">
					Tanggal Transaksi
					<span class="required">*</span>
					</label>
					<div class="controls">
						<div class="input-group">
							<input type="text" id="txt_client_no" name="txt_client_no"  class="form-control input-width-large">
							<input type="button" class="btn btn-default btn-warning" id="btn_show_cicil" value="Submit"> 
						</div>
					</div>
				</div>
				
				</div>
		</div>
	</div>
	</div>
	
	<div class="row">
					<div class="col-md-12">
						<div class="widget box">
							<div class="widget-header">
								<h4><i class="icon-reorder"></i> List Receipt </h4>
								<div class="toolbar no-padding">
									<div class="btn-group">
										<span class="btn btn-xs widget-collapse"><i class="icon-angle-down"></i></span>
									</div>
								</div>
							</div>
							<div class="widget-content no-padding">
								<table id="tbl_cicilan" class="table table-striped table-bordered table-hover table-checkable table-responsive ">
									<thead>
										<tr>
											
											<th data-class="expand">No. Nota </th>
											<th>COA Debet</th>
											<th>COA Kredit</th>
											<th>Nominal</th>
											<th>Keterangan</th>
											<th>Tanggal Transaksi</th>
										</tr>
									</thead>
									<tbody id="isi_cicilan">
									</tbody>
								</table>
							</div>
						</div>
					</div>
				</div>
				

<div id="modalProcess" class="modal fade in" style="display: none;" aria-hidden="false">
												<div class="modal-dialog" style="width:250px;">
													<div class="modal-content">
														<div class="modal-body">
															<div class="alert alert-info fade in" id="div_process">
															Waiting Process..
															</div>
															<div class="alert alert-info fade in" id="div_sukses" style="display:none;">
															Success Process..
															</div>
														</div>
														<div class="modal-footer">
															<button data-dismiss="modal" class="btn btn-default" type="button">Close</button>
															
														</div>
													</div><!-- /.modal-content -->
												</div><!-- /.modal-dialog -->
											</div>

<script type="text/javascript">
$("#btn_show_cicil").click(function(e){
	var status = "";
	var action = "";
	var isi_cicilan = "";
	$.ajax({
			type:"POST",
            url:"<?php echo Yii::app()->createUrl('/Soa/showSoaReceipt'); ?>",
			data:"",
			dataType:"json",
            success:function(data){
				for(var i=0;i<data.jsonShowInternal.length;i++){
					isi_cicilan += "<tr>" +
					"<td>"+data.jsonShowInternal[i].nota_note+"</td>"+
					"<td>"+data.jsonShowInternal[i].coa_debet+"</td>"+
					"<td>"+data.jsonShowInternal[i].coa_kredit+"</td>"+
					"<td>"+data.jsonShowInternal[i].nominal+"</td>"+
					"<td>"+data.jsonShowInternal[i].keterangan+"</td>"+
					"<td>"+data.jsonShowInternal[i].tgl_transaksi+"</td>"+
					"</tr>";
				}
				$("#isi_cicilan").html(isi_cicilan);
			}
	});
});//end click


</script>